<template>
  <div>
    <menunav :nowactived=2></menunav>
    <div class="news-video-container">
      <div class="popular-container">
        <yugao></yugao>
      </div>
      <div class="news-container">
        <news></news>
      </div>
    </div>
  </div>
</template>

<script>
import menunav from "./Nav";
import yugao from "./Hotspotqyg";
import news from "./Hotspotshow";
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  created() {},
  methods: {},
  components: {
    menunav,
    yugao,
    news,
  },
};
</script>

<style lang="less" scoped>
.news-video-container {
  width: 1200px;
  height: 1961px;
  margin: 40px auto;
  .popular-container {
    width: 360px;
    height: 1961px;
    float: right;
    margin-left: 90px;
  }
  .news-container {
    width: 750px;
    height: 1961px;
  }
}
</style>